<template>
  <ul class="output infinite-list"  v-infinite-scroll="load" style="overflow:auto">
    <li v-for="(log,index) in this.$store.state.logs" :key="index" :class="log.type=='SUCCESS'?'infinite-list-item':'infinite-list-item failed'">
      [{{log.type}}]-{{log.desc}}
    </li>
  </ul>

</template>

<script>
export default {
  name: "OutputLog",
  data(){
    return {
      logs:[]
    }
  },
  methods:{
    load(){
      //console.log(this.$store.state.logs)
      //console.log('load infinite-list')
    }
  }
}
</script>

<style scoped>
.output{
  width: 100%;
  height: 100%;
  padding: 0px 0px;
}
.failed{
  color: red;
}
</style>
